﻿a:hover{text-decoration:underline;}a:active{text-decoration:none}
#hotel{padding:0 0 36px;margin-bottom:0px;}
#hotel .sectionheader{}
#hotel .sectionheader.green{}
#hotel h2{padding:15px 0 0px 0px;font-size: 14px; font-family:Verdana, Geneva, sans-serif; letter-spacing:0.1px;}
#hotel .sectionheader.green h2{}
#room-rates.fixed{padding-top:0px !important}
#room-rates{margin-bottom:20px; min-height: 50px;}
#dates{border-bottom:2px solid #fff;}
.dates-table #dates-row th,.dates-table #dates-row td{background-color: #f3f3f3;background-position:0 100%;text-align: center;vertical-align: middle;}
.dates-table th{text-align: center;vertical-align: middle;padding:0;}
.dates-table td{text-align:center;border-left:1px solid #fff;padding:0;}
.dates-table .property{text-align:left;/*width:24%;*/font-size:12px;font-weight:700;color:#fff;border-left:1px solid #fff;width: 24%;}
.dates-table .fullrate{font-size:12px;font-weight:700;color:#fff;width:8.8%;white-space:nowrap;text-align:center;border-left:1px solid #fff;}
.dates-table .month{color:#fff;border-bottom:1px solid #fff;border-left:1px solid #fff;padding:0;}
.dates-table .month .month-inner{background-color: #2d74b2;height: 18px; position:relative;text-align:center;padding:1px 1px 1px;}
/*duy edit end*/
.dates-table #months-row .startofmonth
{
    border-left:3px solid #ffffff;
    -webkit-border-top-left-radius:9px;
    -moz-border-radius-topleft:9px;
}
.dates-table .month #nextbutton{background:url('../images/shared/common.png?1298336111') 0 -883px;position:absolute;right:-4px;top:-5px;}
.dates-table #months-row .endofmonth
{
    -webkit-border-top-right-radius:9px;
    -webkit-border-top-left-radius:9px;
    -moz-border-radius-topright:9px;
    -moz-border-radius-topleft: 9px;
}
.dates-table #dates-row th,.dates-table #dates-row td{/*cursor:pointer*/}
/*duy edit start */ 
.dates-table .date{width:4.8%;background-color:#2c7fba;color:#fff;line-height:10px;padding:0;}
.dates-table .date-inner .day{font-size:11px;color: white;}
.dates-table .date-inner .number{font-size:18px;color: white}
.dates-table .date input{position:relative;top:1px;}
/*duy edit end */
.dates-table .weekend{background-color:#4d96ca}

.dates-table .date.selected{background-color:#008aeb;color:#ffffff;background-image:none !important;border-left:3px solid #ffffff;border-right:3px solid #ffffff;background-color:#008aec}.dates-table .property.selected,.dates-table .fullrate.selected{background-image:none !important}
#dates{padding-top: 10px;border-bottom:2px solid #ffffff;background-color: white;}.dates-table{width:100%;border-collapse:collapse;border-right:1px solid #ffffff}
/*duy edit start*/
.dates-table .head-row{background-color: #2d74b2;}
#dates{border-bottom:2px solid #fff;}

.dates-table .date-inner{position:relative;height:16px;padding:4px 1px 18px;line-height: 15px;}
/*duy edit end*/
.dates-table .property-inner{position:relative;height:16px;padding:0;text-align: center;}
/*duy edit start*/
.dates-table .fullrate-inner{position:relative;height:16px;}
/*duy edit end*/
.dates-table .tip{position:absolute;bottom:-21px;left:0;z-index:10;width:100%;display:none}.dates-table .selected .tip{display:block}.dates-table .selected .tip img{width:100%;display:block}.dates-table .property.selected .tip img{width:100px;display:block}.dates-table .endofmonth{border-right:3px solid #ffffff}


.dates-table .legend{color:#999999;font-size:11px;font-style:italic;font-weight:normal;text-align:left;padding-left:0px}
.dates-table .legend img,.dates-table .legend span{vertical-align:middle;margin-right:3px}
.dates-table .legend .icon{width:30px;height:12px;background:url('../images/shared/common.png?1298336111') 0 -803px;display:inline-block}
/*duy edit start*/
.dates-table .month .button{height:0;padding-top:34px;width:20px;overflow:hidden;display:block;}
.dates-table .month #prevbutton{background:url(../images/shared/common.png?1298336111) -18px -815px;position:absolute;top:-5px;left: -1px;}
.dates-table .month #prevbutton:hover{background:url(../images/shared/common.png?1298336111) -18px -849px;}
.dates-table .month #nextbutton{background:url(../images/shared/common.png?1298336111) 0 -883px;position:absolute;right:-4px;top:-5px;}
.dates-table .month #nextbutton:hover{background:url(../images/shared/common.png?1298336111) 0 -917px;}


#room-rates{margin-bottom:20px; min-height: 50px;}
#room-rates.fixed{padding-top:0px !important}


/*deal*/
.deals{width:100%;border-collapse:collapse;margin-bottom:10px;margin-top: 32px;border-right:1px solid #ffffff}.deals th{text-align:left;font-weight:normal}.deals td{text-align:center}
#shortlist-type-rate .deals:first-child thead th,.first-deals thead th{padding-top:10px}
.deals thead th,.deals thead td{padding:7px 9px}.deals thead th{/*background-color:#2c7fba;*/color:#ffffff;/*border-bottom:2px solid #ffffff*/}.deals thead .category{width:24%;font-size:18px;font-size:14px !important;letter-spacing:4px;font-weight:normal;color:#f6fafd;font-family:"Hiragino Kaku Gothic Pro","Osaka","Zapf Dingbats"}.deals:first-child thead th,.first-deals thead th{padding-top:10px;width:234px;}

.deals thead .category .divider{font-size:10px;color:#A9D0EC;vertical-align:middle}.deals thead .category .aaa,.deals thead .category .self{width:90px;display:inline-block}

.deals thead .category .number{display:none}
.deals thead .summary{width:76%;/*color:#a9d0ec;*/padding-left:2px}
/*duy add start*/
.deals tbody th{padding:2px 0 0; border-color: #E3E3E3;/*width: 204px;border-style: solid;border-width: 1px;*/}
#hotel .deals tbody th{padding:2px 0 0; border-color: #E3E3E3;}
/*duy add end*/
.deals tbody td{border-left:1px solid #ffffff;padding:0 1px;padding:0;width:4.8%;background-color:#9cd862;color:#333333;cursor:pointer}

.deals tbody td .deal{position:relative;padding:15px 0;width:100%;}
.select0 tbody tr td.col3,.select1 tbody tr td.col4,.select2 tbody tr td.col5,.select3 tbody tr td.col6,.select4 tbody tr td.col7,.select5 tbody tr td.col8,.select6 tbody tr td.col9,.select7 tbody tr td.col10,.select8 tbody tr td.col11,.select9 tbody tr td.col12,.select10 tbody tr td.col13,.select11 tbody tr td.col14,.select12 tbody tr td.col15,.select13 tbody tr td.col16,.select0 tbody tr:hover td.col3,.select1 tbody tr:hover td.col4,.select2 tbody tr:hover td.col5,.select3 tbody tr:hover td.col6,.select4 tbody tr:hover td.col7,.select5 tbody tr:hover td.col8,.select6 tbody tr:hover td.col9,.select7 tbody tr:hover td.col10,.select8 tbody tr:hover td.col11,.select9 tbody tr:hover td.col12,.select10 tbody tr:hover td.col13,.select11 tbody tr:hover td.col14,.select12 tbody tr:hover td.col15,.select13 tbody tr:hover td.col16{background:#59c0f5;color:#ffffff}
.select0 tbody tr td.col3.sold,.select1 tbody tr td.col4.sold,.select2 tbody tr td.col5.sold,.select3 tbody tr td.col6.sold,.select4 tbody tr td.col7.sold,.select5 tbody tr td.col8.sold,.select6 tbody tr td.col9.sold,.select7 tbody tr td.col10.sold,.select8 tbody tr td.col11.sold,.select9 tbody tr td.col12.sold,.select10 tbody tr td.col13.sold,.select11 tbody tr td.col14.sold,.select12 tbody tr td.col15.sold,.select13 tbody tr td.col16.sold{background:#d2efff !important;color:#2faef3 !important}.select0 tbody tr.valid td.col3,.select1 tbody tr.valid td.col4,.select2 tbody tr.valid td.col5,.select3 tbody tr.valid td.col6,.select4 tbody tr.valid td.col7,.select5 tbody tr.valid td.col8,.select6 tbody tr.valid td.col9,.select7 tbody tr.valid td.col10,.select8 tbody tr.valid td.col11,.select9 tbody tr.valid td.col12,.select10 tbody tr.valid td.col13,.select11 tbody tr.valid td.col14,.select12 tbody tr.valid td.col15,.select13 tbody tr.valid td.col16{/*border-left:1px solid #47abf0;*/background:#47abf0}.select0 tbody tr.valid td.col3 .label,.select1 tbody tr.valid td.col4 .label,.select2 tbody tr.valid td.col5 .label,.select3 tbody tr.valid td.col6 .label,.select4 tbody tr.valid td.col7 .label,.select5 tbody tr.valid td.col8 .label,.select6 tbody tr.valid td.col9 .label,.select7 tbody tr.valid td.col10 .label,.select8 tbody tr.valid td.col11 .label,.select9 tbody tr.valid td.col12 .label,.select10 tbody tr.valid td.col13 .label,.select11 tbody tr.valid td.col14 .label,.select12 tbody tr.valid td.col15 .label,.select13 tbody tr.valid td.col16 .label{/*text-decoration:line-through;*/color:#a7e0ff}.select0 tbody tr.valid td.col3 .deal,.select1 tbody tr.valid td.col4 .deal,.select2 tbody tr.valid td.col5 .deal,.select3 tbody tr.valid td.col6 .deal,.select4 tbody tr.valid td.col7 .deal,.select5 tbody tr.valid td.col8 .deal,.select6 tbody tr.valid td.col9 .deal,.select7 tbody tr.valid td.col10 .deal,.select8 tbody tr.valid td.col11 .deal,.select9 tbody tr.valid td.col12 .deal,.select10 tbody tr.valid td.col13 .deal,.select11 tbody tr.valid td.col14 .deal,.select12 tbody tr.valid td.col15 .deal,.select13 tbody tr.valid td.col16 .deal{padding:2px 0 28px}.deals tbody td .deal .total{position:absolute;bottom:0;right:0;width:100%;margin-right:-50%;padding:0 0 5px;text-align:center;font-size:17px;line-height:17px;font-weight:bold;color:#ffffff}.deals tbody td .deal .total sup{font-size:8px;font-weight:normal}.deals tbody .property{width:24%;zoom:1;position: relative;top: 3px;}

.deals tbody .property-inner{position:relative;}
.deals tbody .property-inner.no_review{position:relative;}
.deals tbody .property abbr{cursor:default}
.deals tbody .property .name:link,.deals tbody .property .name:visited{color:#2b73b2;font-weight: bold;font-size: 12px;}.deals tbody .property .name:hover{color:#2b73b2;text-decoration:underline;font-weight: bold;}.deals tbody .property .name:active{color:#333333;text-decoration:none}


.deals tbody .property .next.en
{background:url('../images/next-btn.png') no-repeat;width:67px;height: 20px; float: right;margin-top: 3px;}

/*.deals tbody .property .next.en:hover
{background:url('../images/next-btn-hover.png') no-repeat;}*/

.deals tbody .property .next.vi
{background:url('../images/next-btn-vi.png') no-repeat;width:55px;height:20px;float:right;margin-top: 3px;}

/*.deals tbody .property .next.vi:hover{background:url('../images/btn_chitiet_hover.png') no-repeat}*/
.deals tbody .property .selfrated{display:block;font-size:9px;text-transform:uppercase;color:#9ebcce;margin-top:2px}
.deals tbody .property .review{position:absolute;left:22px;top:1px; margin-left: 125px;margin-top: 15px;}

.deals tbody .fullrate
{
    width:8.8%;border-left:1px solid #ffffff;
    border-left: 1px solid #E9E9E9;
    border-top: 1px solid #E9E9E9;
    padding:9px 1px;
    color:#666666;font-weight: bold;
    text-align:center;cursor:pointer;
}

.deals tbody .weekend{background-color:#bee792;color:#333333}
.deals tbody .select{background-color:#59C0F5;color:#333333}
.deals tbody .select:hover{background-color:#59C0F5;color:#333333}

.deals tbody .flames{background-image:url(../images/bg_flames.gif);background-repeat:repeat-x;background-position:0 100%}
.deals tbody .sold{background-color:#dff4ca !important;background-image:none !important;color:#98ad83 !important;font-size:9px;text-transform:uppercase;cursor:default !important}
.deals tbody .sold .label{-webkit-transform:rotate(-30deg);display:block;font-weight:bold}.deals tbody .endofmonth{border-right:3px solid #ffffff}.deals tbody tr:hover .property{background-color:#f5f5f5}.deals tbody tr:hover .fullrate{background-color:#DAE3E6}.deals tbody tr:hover td{background-color:#9bef4a}.deals tr.wothotel th,.deals tr.wothotel td{color:#A3E066;background-color:#333333}
.deals tr.wothotel .property .next.vi{background:url('../images/btn_chitiet.png') no-repeat}
.deals tr.wothotel .property .next.vi:hover{background:url('../images/btn_chitiet_hover.png') no-repeat}
.deals tr.wothotel .property .next.en{background:url('../images/next-btn-wothotel.png') no-repeat}
.deals tr.wothotel .property .next.en:hover{background:url('../images/next-btn-wothotel_hover.png') no-repeat}
.deals tr.wothotel .property .name{color:#A3E066}.deals tr.wothotel:hover th,.deals tr.wothotel:hover td{background-color:#222222}.deals tr.wothotel .sold{background-color:#333333 !important;color:#999999 !important}.deals tr.wothotel .selected{color:#A3E066;background-color:#333333}

/*room-rates*/
#room-rates{margin-bottom:20px; min-height: 50px;}
/*Duy modify start*/   
#hotel .room .property .guests{display:block;font-size:11px;color:#666666;margin-top:0;}
/*Duy modify end*/
#hotel .room .property{padding-bottom:15px;border-bottom:none;background:transparent}
span#min_nigth_stay{color:#2cafea}
#hotel .room .property .name{font-weight:bold; outline:none;color: #2D7FBB;font-size: 13px;}
/*Duy modify start*/
#hotel .deals{background-color :white;margin-bottom:0;margin-top:0;}
#hotel .room{position:relative;border-bottom:1px solid #D9D9D9;zoom:1;float:left;clear:left;width:100%;}
/*Duy modify end*/

#hotel .room.open .info{display:block;padding-bottom:26px}
/*Duy modify start*/ 
#hotel .room .more{color:#9ac944;display:block;font-size:11px;position:absolute;bottom:2px;z-index:100;outline:none;}
#hotel .room .more .icon{width:10px;height:7px;display:inline-block;margin-left:0px;vertical-align:middle;background:url(../images/show_detail.png) no-repeat scroll 0 0 transparent;margin-top:3px;float: left;}
#hotel .room.open .more .icon{background:url(../images/hide_detail.png) no-repeat scroll 0 0 transparent;}
/*Duy modify end*/
#hotel .room .left{width:24%;float:left;zoom:1}#hotel .room .room-description{margin-top:-10px}#hotel .room .left-inner{padding:12px 9px 0px}#hotel .room .right{padding:13px 0 0;margin-left:24%;zoom:1}#hotel .room .info{display:none;position:relative;z-index:10;zoom:1}#hotel .room .info .guests{color:#667a88;font-size:12px}#hotel .room .room-facilities ul{color:#1282c0;list-style-type:none;margin:0 2% 0 0;padding:0;float:left;width:22.5%}#hotel .room .room-facilities ul:last-child,#hotel .room .room-facilities ul.last-child{margin-right:0}#hotel .room .cancellations{color:#a8acaf;margin-top:10px;font-size:12px;float:left;width:100%}#hotel .bedding .or{color:#677a89;font-size:15px;font-weight:bold;font-style:italic;vertical-align:middle;margin:0 12px;display:inline-block}#hotel .bed{display:inline-block;vertical-align:middle;text-align:center;padding-right: 1px;}#hotel .bed .label{display:block;font-size:12px}#hotel .bedding .double .icon{background:url('../images/shared/common.png?1298336111') 0 -1190px;display:inline-block;width:36px;height:28px}#hotel .bedding .single .icon{background:url('../images/shared/common.png?1298336111') 0 -1218px;display:inline-block;width:33px;height:28px}#hotel .bedding .cot .icon{background:url('../images/shared/common.png?1298336111') 0 -1246px;display:inline-block;width:27px;height:21px}html.ie6 #sidebar .promotions a{display:inline-block;float:none}html.ie6 .dates-table .date-inner{padding-bottom:4px}html.ie6 #footer a,html.ie6 #footer li{display:inline !important}html.ie6 #inclusions{background:#051f31}html.ie6 #container .searchcontainerfixed{position:absolute;top:expression((15 + (ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop)) + 'px') !important}html.ie6 #slides{height:300px}html.ie6 #header .inner{height:92px}html.ie6 #results{height:500px}html.ie6 #hotelheader{height:89px}html.ie6 #searchform{height:98px}html.ie6 #results-list li{height:103px}html.ie6 #results-rates,html.ie6 #searchcontainer,html.ie6 #dates,html.ie6 #hotelheader,html.ie6 .month-inner,html.ie6 .property-inner{zoom:1}html.ie6 #inclusions #inclusions-name,html.ie7 #inclusions #inclusions-name{width:75%}html.ie7 #inclusions,html.ie8 #inclusions{background:url(../images/bg_inclusions-ie.png) repeat 0 0}html.ie7 #messagebox,html.ie8 #messagebox{background:url(../images/bg_inclusions-ie.png) repeat 0 0}html.ie6 .icon{font-size:1px;line-height:1px;zoom:1}html.ie6 #pricegauge .bubble{font-size:32px;line-height:36px}.clearfix:after,#filter:after,#results-photos:after,#hotel .features:after,.room:after,.room .room-facilities:after,#inclusions #inclusions-header:after{content:".";display:block;height:0;clear:both;visibility:hidden}.clearfix,#filter,#results-photos,#hotel .features,.room,.room .room-facilities,#inclusions #inclusions-header{display:inline-block}.clearfix,#filter,#results-photos,#hotel .features,.room,.room .room-facilities,#inclusions #inclusions-header{display:block}

/*Duy edit start*/ 
.deals tbody .fullrateroom{border-left:1px solid #d9d9d9;color:#666666;cursor:pointer;text-align:center;width:8.8%;padding:9px 1px;}
/*Duy edit end*/ 

/*duy edit start*/ 
#hotel .deals tbody .fullrateroom,#hotel .deals tbody td{}
/*duy edit end*/
#hotel .deals tbody td{}

a.book{display:block;float:right;height:0;margin-top:2px;overflow:hidden;padding-top:20px;width:60px;outline:none;}
/*Duy edit end*/
a.book.vi{
    background: url("../images/next-btn-search-vi.png") no-repeat;}

a.book.en{
    background: url("../images/book-btn.png") no-repeat;}



///////////////////////////////
////////////////////////////////
////////////////////////////////
//////////////////////////////
/////////////////////////////
/*960_24_col.css
  960 Grid System ~ Core CSS.
  Learn more ~ http://960.gs/

  Licensed under GPL and MIT.
*/

/*
  Forces backgrounds to span full width,
  even if there is horizontal scrolling.
  Increase this if your layout is wider.

  Note: IE6 works fine without this fix.
*/

/* `Container
----------------------------------------------------------------------------------------------------*/
/*
.container_24 {
  margin-left: auto;
  margin-right: auto;
  width: 1000px;
}
*/
/* `Grid >> Global
----------------------------------------------------------------------------------------------------*/
.container_24
{
    color: #6C6C6C;
    font-size: 13px;
    /* line-height: 23px;*/
}
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16,
.grid_17,
.grid_18,
.grid_19,
.grid_20,
.grid_21,
.grid_22,
.grid_23,
.grid_24 {
    display: inline;
    float: left;
    /*margin-left: 5px;
    margin-right: 5px;*/
}


/* `Grid >> 24 Columns
----------------------------------------------------------------------------------------------------*/

.container_24 .grid_1 {
    width: 30px;
}

.container_24 .grid_2 {
    width: 70px;
}

.container_24 .grid_3 {
    width: 110px;
}

.container_24 .grid_4 {
    width: 150px;
}

.container_24 .grid_5 {
    width: 190px;
}

.container_24 .grid_6 {
    width: 230px;
}

.container_24 .grid_7 {
    width: 270px;
}

.container_24 .grid_8 {
    width: 310px;
}

.container_24 .grid_9 {
    width: 350px;
}

.container_24 .grid_10 {
    width: 390px;
    padding-left: 30px;
    padding-right: 15px;
}

.container_24 .grid_11_1 {
    padding-bottom: 5px;
}

.container_24 .grid_12 {
    width: 450px;
}

.container_24 .grid_13 {
    /*width: 510px;*/
}

.container_24 .grid_14 {
    width: 550px;
}

.container_24 .grid_15 {
    width: 590px;
}

.container_24 .grid_16 {
    width: 630px;
}

.container_24 .grid_17 {
    width: 670px;
}

.container_24 .grid_18 {
    width: 710px;
}

.container_24 .grid_19 {
    width: 750px;
}

.container_24 .grid_20 {
    width: 790px;
}

.container_24 .grid_21 {
    width: 830px;
}

.container_24 .grid_22 {
    width: 870px;
}

.container_24 .grid_23 {
    width: 910px;
}

.container_24 .grid_24 {
    /*width: 920px;*/
}

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */

.clearfix:before,
.clearfix:after,
.container_24:before,
.container_24:after {
    content: '.';
    display: block;
    overflow: hidden;
    visibility: hidden;
    font-size: 0;
    line-height: 0;
    width: 0;
    height: 0;
}

.clearfix:after,
.container_24:after {
    clear: both;
}

/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/

.clearfix,
.container_24 {
    zoom: 1;
}

.table3 input { 
    width: 220px;
}
.tbl_guest_name input{width: 106px;}
.tbl_guest_name td{padding: 0 !important;}
.container_24 .comments{
    /*height: 80px;*/
}
#step1
{
    padding-left: 25px;
}
#pricebooking
{
    width: 942px;
}

#pricebooking .rates_cell{text-align:center ;}

/* Vaanres CSS  home.css*/

.container_24 h4, h3, h2, h1 {
    color:#2C73B1;
    font-weight:bold;
    font-style:normal;    
}
.container_24 h4 {
    font-size:22px;
    font-weight: normal;    
}
.container_24 h2 {
    font-size:17px;    
}

.container_24 p.address {
    font-size: 12px;
}


.container_24 ul.dk {
    list-style: disc;
    margin-left:15px;
} 
.container_24 li {
    margin:5px 0 5px 0;
}

.container_24 .requirements {
    border-radius: 7px; 
    -moz-border-radius: 7px; 
    -webkit-border-radius: 7px;
    padding: 10px; 
    border: 1px solid #e3e3e3;
    background-color: #f8fbfc;
}

.container_24 .stepheader {
    padding-top: 3px;
}

/*Slider */
.container_24 .slider {
    /*position:absolute;*/
    position:relative;
    width:475px;
    height:115px;
    /*left: 452px;*/
    float:right;
    margin-right:39px;

}

.container_24 .line-separator {
    height:1px;
    background:#d7d7d7;
    border-bottom:1px solid #ebebeb;
    margin: 15px 0 15px 0;
}

.container_24 .circle {
    width:30px;
    height:30px;
    display:block;
    border-radius:15px;
    -moz-border-radius:15px;
    -webkit-border-radius:15px;
    -khtml-border-radius:15px;
    font-size:18px;
    font-weight: bolder;
    color:#fff;
    line-height:30px;
    text-align:center;
    background:#225894;
    float: left;
    margin: 0 10px 1px 0;
}

.container_24 .circle2 {
    width:12px;
    height:12px;
    display:block;
    border-radius:6px;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    -khtml-border-radius:6px;
    font-size:11px;

    color:#fff;
    line-height:13px;
    text-align:center;
    background:#225894;
    margin-top:5px;
}

.container_24 .bookroom {
    border-radius: 2px; 
    -moz-border-radius: 2px; 
    -webkit-border-radius: 2px;
    padding: 10px; 
    border: 1px solid #e3e3e3;
    background-color: #f8fbfc;
    margin:0px 0 2.5px 0;   
    width: 920px;
}
.container_24 table {
    border-collapse: collapse;
    border-spacing: 0;
    border: 0 none;
    margin: 0;
    padding: 0;
}
 .table2 {
    border: 1px solid #f2f2fe;
    margin: 10px 0 25px -5px;
}
.container_24 .table2 h3 {
    text-align: center;
}

.container_24 .last {
    text-align: center;    
}

.container_24 .table2 tr, .table2 td  {
    border: 1px solid #f2f2fe;
}

.container_24 .table3 td {
    padding:0 0 7px 0;
}

.container_24 .table3 input, select, textarea {
    border-radius: 2px; 
    -moz-border-radius: 2px; 
    -webkit-border-radius: 2px;
    /*width: 50px;*/
    border: 2px solid #e7e3e3;    
}

.container_24 .bookinginformation {
    border-radius: 5px; 
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px;
    border: 1px solid #9eca64;
    padding: 10px;
    background: #f8fbfc;   
}

.container_24 .info {
    margin-bottom:20px;
}

.container_24 .info table td {
    padding: 0 !important;
}

.container_24 .highlight{
    color: #30649c;   
    
}
.container_24 .addfield{
    margin-left: -336px; 
    color: #30649c;
}

.container_24 .bookinginformation table {
    width: 480px;   
}

.container_24 .roundTD {;
    border-radius: 3px; 
    -moz-border-radius: 3px; 
    -webkit-border-radius: 3px;
    background:white;
    border-color:#dfdfdf;
    border: solid #dfdfdf 1px;
    padding: 10px;
}

.container_24 .round {
    -moz-border-radius-topleft:5px;
    -webkit-border-top-left-radius:5px;
    -moz-border-radius-topright:5px;
    -webkit-border-top-right-radius:5px;
    background:#e1e1e1;
    z-index:1;
    float:left;
    font-size:12px;    
    color: #747474;
    padding:3px 10px 0px 10px;
    margin-left:5px;
    text-align:center;
    font-weight:bold;
}

.container_24 .round a {
    color: #747474;    
}
.container_24 .round a:hover {
    color: white;    
}

.container_24 .round:hover {
    background-color:#8bc13b;
    color: white;
}

.container_24 .nonboder td {
    border: 0px;    
}

.container_24 #step3 {
    margin-bottom: 20px;
}

.pay a {    
    text-decoration: underline;  
}

.pay input[type="text"] {
    width:190px;
    height: 25px;
}
/* Gradient  green button */
.gradientbutton {
    font-size: 20px;
    padding: 10px 30px 10px 30px;
    color: white;
    border: none;
    text-shadow: -1px -0.4px #d1d1d1;
    border-radius: 5px; 
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px;
    background-color: #A5CF4B;
    cursor: pointer;
}

.radiostyle {
    font-size:13px;
    color: #85a6bb;
    border: 3px solid #eaecec;
    border-radius: 5px; 
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px;
    margin-left:10px;
    width:150px;
    float: left;
}

.radiostyle img {
/*    padding:15px 0px 15px 30px;    */
}

.radiostyle input[type="radio"]{
    background: #85a6bb;
    border: 1px solid #85a6bb;   
    
}

.radiostyle:hover {
    background: #cee2f0;
}

.radiostyle.select{
    background: #cee2f0;
}


.input_dealNo
{ 
    background-color: #A5CF4B;
    border: medium none;
    border-radius: 5px 5px 5px 5px;
    padding: 7px 20px;
    color: white !important;
    font-weight: bold;
    text-transform:uppercase;
}

.changedate
{ 
    background-color: #A5CF4B;
    border: medium none;
    border-radius: 5px 5px 5px 5px;
    padding: 3px 10px;
    color: white !important;
    font-weight: bold;
}


/*me */
p, h1, h2, h3, h4, h5, h6 {
    margin: 0px 0px 5px;
}

.bookingheading{
    text-transform: uppercase;
}
.first_title {
    color: rgb(44, 115, 177) !important;
    font-size: 22px !important;
    font-weight: normal !important;
    text-transform: none !important;
}
/*booking.css*/

#div_show_map {
    background: url("../images/shared/viewmap_detail.png") no-repeat scroll 0px 0px transparent;
    width: 128px;
    height: 18px;
	margin-top:10px;
    font-size: 11px;
    color: rgb(100, 152, 199) !important;
}
.ul_viewmap {
    list-style: none outside none;
}
.ul_viewmap li {
    display: inline-block;
}
.container_24 li {
    margin: 5px 0px;
}

.ul_viewmap .save.vi, .ul_viewmap .remove.vi {
    padding-top: 3px;
    font-size: 11px;
}
.favorite .save.vi {
    background: url("../images/shared/luu_favorite.png") no-repeat scroll 0% 0% transparent;
}

.favorite .remove.vi {
    background: url("../images/shared/minus.png") no-repeat scroll 0% 0% transparent;
}

.favorite .save, .favorite .remove {
    display: inline-block;
    height: 20px;
    padding: 4px 0px 0px;
    width: 70px;
}

.container_24 .table3 input, select, textarea {
    border-radius: 2px 2px 2px 2px;
    border: 2px solid rgb(231, 227, 227);
}
.container_24 {
    color: rgb(108, 108, 108);
    font-size: 13px;
}
.roombookingdetails table, .wrapper table {
    width: 100%;
    margin: 0px auto 0.5em;
    border: medium none;
    border-collapse: collapse;
}
div.wrapper, div.wrapperOccupancy {
    text-align: left;
}
/*.grid_24 .ui-widget-header {
    background: none repeat scroll 0% 0% transparent;
    border: medium none;
}*/

.ui-tabs .ui-tabs-nav {
    margin: 11px;
    padding: 0.2em 0.2em 22px;
}
.ui-state-active {
    border: 1px solid rgb(174, 208, 234);
    background: url("../images/booking/ui-bg_glass_50_3baae3_1x400.png") repeat-x scroll 0px 0px rgb(118, 171, 27);
    font-weight: bold;
    color: rgb(255, 255, 255);
}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    color: rgb(255, 255, 255);
    text-decoration: none;
}

.ui-corner-all {
    border-radius: 6px 6px 6px 6px;
}

.ui-helper-clearfix {
    display: block;
}
.ui-helper-reset {
    margin: 0px;
    padding: 0px;
    border: 0px none;
    outline: 0px none;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none outside none;
}

/*credit card Việt Nam*/
#credit_card{
    border: 1px solid rgb(225, 225, 225) !important;
}
#credit_card_vn {
    padding: 0px !important;
    position: relative;
}
.grid_24 .ui-widget-content {
    background: none repeat scroll 0% 0% transparent;
}

.ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0px;
    padding: 1em 1.4em;
    background: none repeat scroll 0% 0% transparent;
}

.ui-widget-content {
    color: rgb(51, 51, 51);
}
.ui-widget {
    font-family: Arial,Helvetica,sans-serif !important;
}
 
#atm_card {
    font-size: 12px;
    font-family: arial,verdana,helvetica,sans-serif;
    border: 1px solid rgb(225, 225, 225) !important;
}
#pay_back {
    font-size: 12px;
    font-family: arial,verdana,helvetica,sans-serif;
    border: 1px solid rgb(225, 225, 225) !important;
}

div#method_pay_back .btnPlayBack.active {
    background: url("../images/booking/ui-bg_glass_50_3baae3_1x400.png") repeat-x scroll 0px 0px rgb(118, 171, 27);
    color: rgb(255, 255, 255);
}
div#method_pay_back .btnPlayBack:hover {
    background: url("../images/booking/ui-bg_glass_50_3baae3_1x400.png") repeat-x scroll 0px 0px rgb(118, 171, 27);
    color: rgb(255, 255, 255);
}
div#method_pay_back .btnPlayBack {
    float: left;
    background: url("../images/booking/ui-bg_glass_80_d7ebf9_1x400.png") repeat-x scroll 0px 0px rgb(25, 255, 255);
    border: 1px solid rgb(204, 204, 204);
    margin-right: 10px;
    color: rgb(36, 114, 162);
    font-weight: bold;
    font-size: 13px;
}

div#method_pay_back .btnPlayBack {
    cursor: pointer;
}
#title_atm_card, #note_atm_card span, #rule_secure a, #guid_sml a, #title_pay_back, #note_pay_back {
    font-family: 'Segoe UI',Arial,sans-serif !important;
}
#pay_back {
    font-size: 12px;
    font-family: arial,verdana,helvetica,sans-serif;
}

.textBtnPlayBack {
    float: left;
    padding: 5px;
}

div#method_pay_back .btnPlayBack {
    cursor: pointer;
}
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
    cursor: pointer;
}
a:link, a:visited {
    color: rgb(44, 115, 177);
}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
    color: rgb(116, 116, 116);
    text-decoration: none;
}

/*Phương thức thanh toán*/
.grid_24 .ui-widget-header {
    background: none repeat scroll 0% 0% transparent;
    border: medium none;
}

.ui-corner-all {
    border-radius: 6px 6px 6px 6px;
}

.ui-helper-clearfix {
    display: block;
}
.ui-helper-reset {
    margin: 0px;
    padding: 0px;
    border: 0px none;
    outline: 0px none;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none outside none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
    margin-bottom: 0px;
    padding-bottom: 1px;
    color: white;
}
.ui-tabs .ui-tabs-nav li {
    list-style: none outside none;
    float: left;
    position: relative;
    top: 1px;
    margin: 0px 0.3em 1px 0px;
    border-bottom: 0px none !important;
    padding: 7px;
    white-space: nowrap;
    font-size: 12px !important;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 1px solid rgb(174, 208, 234);
    color: rgb(39, 121, 170);
    background: url("../images/booking/ui-bg_glass_80_d7ebf9_1x400.png") repeat-x scroll 50% 50% rgb(215, 235, 249);
    font-weight: bold;
}

.ui-state-default:hover {
    border: 1px solid rgb(174, 208, 234);
    background: url("../images/booking/ui-bg_glass_50_3baae3_1x400.png") repeat-x scroll 0px 0px rgb(118, 171, 27);
    color: white;
    font-weight: bold;
}
.ui-state-default a:hover {
    color: white;
}

.ui-corner-top {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}
.ui-widget {
    font-family: Arial,Helvetica,sans-serif !important;
}

/*ảnh khách sạn next*/
.slider_wrapper .bx-prev {
    position: absolute;
    top: 35px;
    left: -20px;
    z-index: 999;
    width: 10px;
    height: 21px;
    text-indent: -999999px;
}

.slider_wrapper .bx-next {
    position: absolute;
    top: 35px;
    right: -6px;
    z-index: 999;
    width: 10px;
    height: 21px;
    text-indent: -999999px;
}

#hotelheader {
    min-height: 40px;
    background-color: rgb(255, 255, 255);
    float: left;
    width: 420px;
}
/*sile ber hình chạy*/
.slider_layout {
    padding: 0px 0px 0px 0px;
}
.slide-image {
    float: right;
    padding-right: 0px;
}
/*bản đồ khách sạn*/
#div_show_map span {
    cursor: pointer;
    padding-left: 20px;
}
/*bảng giá*/
#bookingResponse {
    padding: 1em 0px;
}
div.wrapper, div.wrapperOccupancy {
    padding: 0px;
    margin: 0px;
    width: 100%;
    text-align: left;
}
.wrapper {
    height: 130px;
}
#pricebooking .rates_cell {
    text-align: center;
}
.container_24 .table2 tr, .table2 td {
    border: 1px solid rgb(242, 242, 254);
}
table tr td {
    padding: 3px;
    vertical-align: top;
}
.blue_background {
    font-size: inherit;
    text-align: left;
}
.container_24 table {
    border-collapse: collapse;
    border-spacing: 0px;
}
div.wrapper, div.wrapperOccupancy {
    text-align: left;
}

/*lịch*/
#search-date-from #search-from {
    width: 80px;
    background: url("../images/shared/datepicker.png") no-repeat scroll 98% 50% rgb(255, 255, 255);
    cursor: pointer;
    border: 1px solid rgb(215, 215, 215);
    padding: 2px 4px;
}
#search-date-from {
    font-size: 12px;
}
.dates-table th {
    text-align: center;
}
.dates-table {
    border-collapse: collapse;
}
#guid_sml a {
    background: url("../images/booking/question_map.png") no-repeat scroll 0px 10% transparent;
    float: left;
    color: rgb(60, 112, 214);
    cursor: pointer;
    padding: 2px 5px 10px 20px;
    text-decoration: underline;
    font-size: 12px;
}

#condition_pay_back{
    padding: 10px 10px 10px 10px;
    margin: 10px 10px 10px 10px;
}


input{border: 2px solid #E3E3E3;}

.layout_booking
{
    background: #ffffff;
    font-size: 1em;
    margin-bottom: 25px;
    margin-top: 0px;
    overflow: hidden;
    padding: 1em 0.5em;
    min-height: 250px;
}
.layout_pay_booking
{
    background: #ffffff;
    font-size: 1em;
    margin-left: 30px;
    margin-top: 5px;
    overflow: hidden;
    padding: 1em 0.5em;
}
h1, #swapheadings h2 
{
    /*border-bottom: 1px solid #c6e4ef;*/
    color: #016bb5;
    font-size: 1.5em;
    text-transform:uppercase;
    font-weight: bold;
    margin-top: 0.1em;
}
div.helpererror, p.helpererror 
{
    background: url("../images/booking/error.gif") no-repeat scroll left top #FDEFF5;
    border-color: #ED1B23 #ED1B23 #ED1B23 -moz-use-text-color;
    border-style: solid solid solid none;
    border-width: 2px 2px 2px medium;
    color: #000000;
    margin: 0 0 1em;
    padding: 5px 5px 5px 21px;
}
div.helpererror h2, p 
{
    font-size: 1em;
    margin: 0;
}
div.helpererror  p 
{
    font-size: 1em;
    line-height: 1em;
}
.roombookingdetails 
{
    margin-top: 5px;
    text-align: center;
}

.roombookingdetails table,
.wrapper table {
    width: 100%;
    margin: 0 auto 0.5em auto;
    border: none;
    border-collapse: collapse;
}

.wrapper table#vouchers {
    width: 98%;
}

.roombookingdetails table th,
.roombookingdetails table td {
    width: 3%;
    border: 1px solid #fff;
}

table tr td {
    padding: 3px;
    vertical-align: top;
}

#link_share_social table tr td {
    padding: 0;
    vertical-align: top;
}
/** room booking dates **/
table.bookingdates {
    margin: 0.25em auto;
    font-size: inherit;
    text-align: center;
}

table.bookingdates th {
    background-color: #2c7fba;
    color: #fff;
    font-size: 0.9em;
    font-weight: normal;
}
table.bookingdates th.weekend {
    background-color: #4d96ca;
}

table.bookingdates th,
table.bookingdates td {
    padding: 1px;
    text-align: center;
}

table.bookingdates td {
    padding: 8px 1px 5px 1px;
}

div.roombookingdetails table.bookingdates td.selectedDay {
    background-color: #91c43f;
}

div.roombookingdetails table.bookingdates th.selectedDay {
    background-color: #0061af;
}
div.roombookingdetails table.bookingdates td.weekendsold {
    background-color: #dff4ca;
}
table.bookingdates td.weekend {
    background-color: #fec;
}

table.bookingdates td.inclusion {
    background-color: #a3e066;
}

table.bookingdates td.weekendinclusion {
    background-color: #ac6;
}

div.roombookingdetails table.bookingdates td.sold {
    background-color: #dff4ca;
}

table.bookingdates td.highlight {
    background-color: #e8edff;
}

.booking_contact {
    float: right;
    margin-top: 1em;
    color: #fff;
    font-size: 1em;
    font-weight: bold;
}

.booking_contact h2{
    color: #63c0f4;
    font-size: 1.3em;
    font-weight: bold;
    font-style: italic;
}

.booking_contact a:link,
.booking_contact a:visited {
    color: #fff;
}

.booking_contact a:hover {
    color: #6c0;
}

/* Steps definition */
dl.step {
    height: auto;
    min-height: 51px;
    margin: 1em 0 1em 0;
    padding-left: 43px;
    text-align: left;
    vertical-align: middle;
}
dl.step dt {
    margin: 0 10px;
    padding-top: 10px;
    font-weight: bold;
}
dl.step dd {
    margin: 0 10px;
    font-size: 0.9em;
}
dl.step1 {
    background: #fff left top url(../images/step1.gif) no-repeat;
}
dl.step1_vi {
    background: #fff left top url(../images/step1_vi.gif) no-repeat;
}
dl.step2 {
    margin-bottom: 1em;
    background: #fff left top url(/consumer/images/1/roombooking/step2.gif) no-repeat;
}
dl.step3 {
    background: #fff left top url(../images/step2.gif) no-repeat;
}
dl.step3_vi {
    background: #fff left top url(../images/step2_vi.gif) no-repeat;
}
dl.admin {
    height: 39px;
    color: #523F8C;
    background: #fff left top url(/consumer/images/1/roombooking/step_admin.gif) no-repeat;
}
dl.admin dt {
    padding-top: 4px;
}

div#currencyConverter {
    clear: both;
    float: right;
    margin-top: 0;
}

div.wrapper,
div.wrapperOccupancy {
    padding: 0;
    margin: 0;
    width: 100%;
    text-align: left;
}

div.wrapperOccupancy {
    border: solid 1px #c6e4ef;
    border: solid 1px #c6e4ef;
    border-width: 1px 0;
}

.wrapperOccupancy table#occupancyTable {
    margin: 0;
    background-color: #FFF;
    font-size: inherit;
}
.wrapperOccupancy table#occupancyTable .fixedWidth {
    font-weight: bold;
}

/* Change background colour for the different rows */
.white_background {
    background-color: #fff;
    color: #528500;
    text-align: left;
}

.blue_background {
    margin-top: 3px;
    /*background-color: #dbecf6;*/
    font-size: inherit;
    text-align: left;
}

.green_background {
    margin-top: 3px;
    /*background-color: #e8f8d6;*/
    /*color: #36521a;*/
    font-size: inherit;
    text-align: left;
}

.blue_background_header {
    background-color: #c6ddef;
    color: #2c6892;
    text-align: left;
    border-top: solid 1px #6c0;
}

.green_background_header {
    background-color: #d7f3b9;
    color: #36521a;
    text-align: left;
    border-top: solid 1px #6c0;
}

.wrapperOccupancy table#occupancyTable tr td.room_count {
    padding-top: 5px;
}

.wrapperOccupancy table#occupancyTable tr td#cellForRoomTables {
    font-size: inherit;
    text-align: left;
    vertical-align: top;
}

.wrapperOccupancy table#occupancyTable tr td {
    vertical-align: top;
}

.wrapper table.step2Table,
.wrapper table.confirmationTable {
    width: 100%;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 1em;
    border: solid 1px #fff;
}

.wrapper table.confirmationTable {
    margin-bottom: 10px;
    text-align: left;
}

.wrapper table.step2Table thead tr td,
.wrapper table.step2Table tfoot tr td,
.wrapper table.confirmationTable thead tr th,
.wrapper table.confirmationTable thead tr td,
.wrapper table.confirmationTable tfoot tr td {
    vertical-align: top;
    border: solid 1px #fff;
}

.wrapper table.step2Table thead tr td,
.wrapper table.confirmationTable thead tr td {
    background-color: #4d96ca;
    color: #fff;
    font-weight: bold;
    vertical-align: bottom;
    border: solid 1px #fff;
}

.wrapper div.bookingQuoteHeading {
    margin: 10px 0 5px 0;
    padding: 3px 0;
    background-color: #0068B3;
    color: #fff;
    font-weight: bold;
    text-align: center;
}

.wrapper table.step2Table thead tr td.room_cell,
.wrapper table.step2Table tbody tr td.room_cell,
.wrapper table.confirmationTable thead td.room_cell,
.wrapper table.confirmationTable tbody tr td.room_cell {
    width: 15%;
    text-align: left;
    vertical-align: top;
    border: solid 1px #fff;
}

.wrapper table.step2Table thead tr td.dates_cell,
.wrapper table.step2Table tbody tr td.dates_cell,
.wrapper table.confirmationTable thead tr td.dates_cell,
.wrapper table.confirmationTable tbody tr td.dates_cell {
    width: 10%;
    text-align: left;
    border: solid 1px #fff;
}

.wrapper table.step2Table thead tr td.rates_cell,
.wrapper table.step2Table tbody tr td.rates_cell,
.wrapper table.confirmationTable thead tr td.rates_cell,
.wrapper table.confirmationTable tbody tr td.rates_cell {
    width: 12.5%;
    text-align: right;
    border: solid 1px #fff;
}

.wrapper table.step2Table thead tr td.rates_cell,
.wrapper table.confirmationTable thead tr td.rates_cell {                    
    text-align: left;
}

.wrapper table.step2Table thead tr td.comments_cell,
.wrapper table.step2Table tbody tr td.comments_cell,
.wrapper table.confirmationTable thead tr td.comments_cell,
.wrapper table.confirmationTable tbody tr td.comments_cell {
    text-align: left;
    border: solid 1px #fff;
}

.wrapper table.confirmationTable tr td.only_bottom {
    border: solid 1px #fff;
}

.wrapper table.step2Table tfoot tr td {
    background-color: #c3f493;
    text-align: right;
    border-color: #fff;
    border-top-width: 0;
}

.wrapper table.step2table tfoot tr td.rates_cell {
    background-color: #9cd862;
    border-right: none;
    border-left: solid 1px #fff;
}

.wrapper table.step2Table tfoot tr td.total_comments {
    text-align: left;
    border: solid 1px #fff;
}

p.helpermessage {
    margin: 0 70px;
    padding: 3px 0 10px 28px;
    background-color: #fff;
    border: none;
}

div.helpermessage {
    margin: 0 0;
    padding: 3px 0 0 28px;
    background-color: #fff;
    border: none;
}

/** Step3Table used for GuestDetails.ftlf and CreditCardPayment.ftlf **/
.wrapper table.step3Table {
    font-size: 1em;
    text-align: right;
    margin-top: 10px;
}

.wrapper table.step3Table tbody tr td {
    padding: 5px 5px;
    height: 2em;
    font-size: 1em;
    vertical-align: top;
    border: solid 1px #c6e4ef;
    border-width: 1px 0;
}

.wrapper table.step3Table tbody tr td.commentsCell,
.wrapper table.step3Table tfoot tr td.commentsCell {
    padding-left: 5px;
    font-size: 0.9em;
    text-align: left;
}

.wrapper table.step3Table tbody tr td.firstColumn,
.wrapper table.step3Table tfoot tr td.firstColumn {
    background-color: #fff;
    width: 22%;
    text-align: left;
}
.rightarea {
    float: right;
    margin: 0;
    padding: 0;
    text-align: right;
}
.wrapper table.step3Table tbody tr td.firstColumn {
   /* border-top: solid 1px #b7e36e;   */
}

.wrapper table.step3Table tbody tr.blue_background td {
    color: #2c6892;
    border: solid 1px #c6e4ef;
    border-width: 1px 0;
}
.wrapper table.step3Table tbody tr.green_background td {
    color: #528500;
    border: solid 1px #c6e4ef;
    border-width: 1px 0;
}

.wrapper table.step3Table tbody tr td.roomCell {
    width: 12%;
    background-color: #fff;
    text-align: left;
    border: solid 1px #c6e4ef;
    border-width: 1px 0 0 0;
}

.wrapper table.step3Table tbody tr td.roomNumber {
    width: 7%;
    font-weight: bold;
    text-align: left;
    border-bottom: solid 1px #c6e4ef;
}

.first_name, .last_name {    
    margin: 0 5px 0 0;
    width: 110px;
    text-align: left;
}

.last_name {
    margin: 0 0 0 5px;
}

.wrapper table.step3Table tbody tr td div.first_name input,
.wrapper table.step3Table tbody tr td div.last_name input {
    width: 100px;
}

.wrapper table.step3Table tbody tr td.no_background {
    width: 100px;
    background-color: #fff;
    text-align: left;
    border: none;
}
.wrapper table.step3Table tfoot {
    background-color: #c6e4ee;
    color: #000;
    font-size: 1.1em;
    text-align: left;
    border-width: 1px 0;
}
.wrapper table.step3Table tfoot tr td.firstColumn {
    background-color: #c6e4ee;
    color: #000;
    width: 135px;
}
.wrapper table.step3Table tfoot tr.giftVoucherRow td,
.wrapper table.step3Table tfoot tr.giftVoucherRow td.firstColumn {
    background-color: #c6e4ef;
    color: #000;
}
.wrapper table.step3Table tfoot span.green_background {
    background-color: #e8f8d6;
    color: #528500;
}

.wrapper table.step3Table tfoot tr th {
    background-color: #016cb4;
}
.wrapper table.step3Table tfoot tr td {
    border-width: 0 0;
}
.wrapper table.step3Table tfoot tr td,
.wrapper table.step3Table tfoot tr th {
    padding: 5px 5px;
    height: 2em;
    vertical-align: top;
}

.wrapper table.step3Table tfoot tr th,
.wrapper table.step3Table tfoot tr th h3,
.wrapper table.step3Table tfoot tr th div.right_column {
    color: #ffffff;
}

.wrapper table.step3Table tfoot tr th h3 {
    float: left;
    margin: 2px 0 0 0;
    padding: 0 0 8px 0;
    /*width: 150px;*/
}

.wrapper table.step3Table tfoot tr th div.right_column {
    float: right;
    padding-right: 3px;
    width: 350px;
    font-weight: normal;
    font-size: 0.9em;
    text-align: right;
}

.wrapper table.step3Table tfoot tr td.indented {
    padding-left: 15px;
}

/* Wot bonus */
.wrapper table.step3Table #wotBonusRow {
    background-color: #0060be;
    min-height: 42px;
}
.wrapper table.step3Table #wotBonusRow td {
    padding: 0;
    background: url(/consumer/images/1/roombooking/wotbonus_dashedline.gif) repeat-x 0 0 #0060be;
    border-top: none;
}
.wrapper table.step3Table #wotBonusRow div, h4 {
    color: white;
}
.wrapper table.step3Table #wotBonusRow div {
    padding: 0.4em;
    float: left;
    line-height: 3.2ex;
}
.wrapper table.step3Table #wotBonusRow label {
    display: inline;
}
.wrapper table.step3Table #wotBonusRow label.unselected {
    color: #a6c8e8;
}
.wrapper table.step3Table #wotBonusRow h4 {
    margin: -11px 0 0 0;
    padding: 26px 0.4em 0.4em 0.4em;
    background: url(/consumer/images/1/roombooking/wotbonus_scissors.gif) no-repeat;
    font-size: 1.2em;
    float: left;
    margin-right: 1em;
    position: relative;
}
.wrapper div#wotBonusConfirmation {
    clear: both;
    margin-top: 20px;
    background: url('/booking/image/wotbonus_dashedline_blue.gif') repeat-x scroll 0 0 #0060BE;
    color: #fff;
}
.wrapper div#wotBonusConfirmation p {
    padding: 30px 20px 8px 60px;
    background: url(/consumer/images/1/roombooking/wotbonus_scissors_white.png) no-repeat;
}
.wrapper table.step3Table #wotBonusRow div.terms {
    float: right;
}
.wrapper table.step3Table #wotBonusRow div.terms a {
    color: #DBECF6;
}

.wrapper table.step3Table #wotBonusRow div.terms a:visited {
    color: #FFFFFF;
}

.wrapper table.step3Table #wotBonusRow div.terms a:hover {
    color: #66CC00;
}

.wrapper table.paymentItems {
    background-color: #e6f5fa;
    width: 100%;
    font-size: 1em;
}

.wrapper table.paymentItems thead tr th {
    padding: 5px;
    background-color: #e6e1f2;
    color: #523f8c;
    font-size: 1em;
    text-align: left;
    border-top: solid 1px #523f8c;
}

.wrapper table.paymentItems tbody tr td {
    border: solid 1px #fff;
}

.wrapper table.paymentItems tbody tr td.firstColumn {
    background-color: #016cb4;
    color: #ffffff;
    text-align: right;
}

.wrapper table.paymentItems tbody tr td.firstColumn span#grandTotalValue {
    font-weight: bold;
}

.wrapper table.paymentItems tbody tr td.surchargeRow {
    background-color: #dbebf6;
    color: #000;
}

.wrapper table.paymentItems tbody tr td.commentsCell {
    text-align: left;
    border-width: 1px 0 0 0;
    color: black;
}

.wrapper table.paymentItems tfoot tr td {
    text-align: left;
    border-top: solid 1px #fff;
}

.wrapper table.paymentItems tfoot tr td.firstColumn {
    text-align: right;
}

.wrapper table.paymentItems tfoot tr td.adminPayment {
    background-color: #e6e1f2 ;
    color: #523f8c;
}

p.paynow {
    text-align: center;
}

#paynow:hover
{
    text-decoration :underline;
}

p.paynow input {
    vertical-align: middle;
}

/** deal selection error (pop-up style layer) **/
div.dealselectionerror {
    position: absolute;
    padding: 10px 5px 5px 5px;
    top: 450px;
    left: 30%;
    background: #fff8d1;
    border: 2px solid #900;
}
html>body div.dealselectionerror {
    top: 370px;
}
div.dealselectionerror p {
    margin-top: 0;
}
div.dealselectionerror img {
    cursor: pointer;
}

/** Display Room facilities **/
div.facilities_div {
    clear: right;
    float: left;
    margin: 0;
    padding-left: 3px;
    width: 24.3%;
    color: #999;
    font-weight: bold;
}

div.addSpace {
    clear: both;
    margin: 0;
    padding: 0;
    height: 5px;
}

div#showSelectionMessage {
    margin: 5px 0 10px 0;
    width: auto;
    height: auto;
    color:#000000;
	text-align: justify;
}

div#showSelectionMessage span.helpermessage {
    margin: 5px 0 10px 90px;
    width: auto;
    height: 25px;
}

.errorMessage {
    color: #c00;
    font-weight: bold;
}
#paymentBreakdownMessage {
    font-size: 12px;
    font-weight: bold;
    color: #528500;
    padding: 8px 0;
    border-top: 1px solid #66CC00;
}

.wrapper table.confirmation {
    margin-top: 10px;
    background-color: #ecf1f2;
    color: #000;
    font-size: 1em;
}

.wrapper table.confirmation thead tr td,
.wrapper table.confirmation tbody tr td {
    width: 47%;
    border: solid 1px #a0a0a0;
}

.wrapper table.confirmation thead tr td {
    background-color: #dfdfe0;
    color: #000;
    border-bottom-width: 0;
}

.wrapper table.confirmation thead tr td.nothing,
.wrapper table.confirmation tbody tr td.nothing {
    background-color: #fff;
    width: 20px;
    border: none;
}

.wrapper table.receiptBreakDown {
    width: 100%;
    font-size: 1em;
    border: solid 1px #fff;
}

.wrapper table.receiptBreakDown tr td {
    padding: 3px;
    background-color: #e8fdd3;
    color: #000;
    border: solid 1px #fff;
}

.wrapper table.receiptBreakDown tr td.ratesCells {
    text-align: right;
    border-width: 0 1px 1px 0;
}

.wrapper table.receiptBreakDown tr td.explanationsCells {
    border-width: 0 0 1px 0;
}

.wrapper table.receiptBreakDown tr#surchargeFee td {
    background-color: #fff;
}

.wrapper table.receiptBreakDown tr#priceRow td {
    background-color: #c6f29d;
    border-bottom-width: 0;
}

.wrapper table.receiptBreakDown td.taxInclusiveTotal {
    font-weight: bold;
}

.wrapper table.checkInOut {
    width: 100%;
    font-size: 1em;
    border: solid 1px #c6f29d;
}

.wrapper table.checkInOut tr td {
    vertical-align: top;
    border: solid 1px #c6f29d;
}

.fixedWidth {
    width: 200px;
}

div.confirmationBox {
    float: right;
    margin: 0 0 20px 20px;
    width: 24%;
    background-color: #f0f0f0;
    font-size: 1em;
    text-align: right;
}

div.Wotif {
    border-bottom: solid 1px #c6e4ef;
}

div.confirmationBox p {
    padding-right: 4px;
}

div.Wotif div.headings {
    display: none;
}

div.confirmationBox div.headings {
    height: 35px;
    padding: 2px;
    background-color: #b6e984;
    color: #000;
    font-size: 1.2em;
    text-align: center;
}

div.confirmationBox div.bottomDiv {
    padding-top: 3px;
    height: auto;
    background-color: #fc0;
    color: #000;
    font-size: 1em;
    text-align: center;
}

div.confirmationBox div.bottomDiv span.countryHelp,
div.confirmationBox div.headings span.countryHelp {
    font-size: 9px;
}

div.Wotif span.imp_numbers {
    font-size: 1.5em;
    font-weight: bold;
}

div.Wotif div.bottomDiv span.countryHelp {
    display: none;
}

div.WotConnect div.bottomDiv span.countryHelp {
    display: none;
}

table.display tbody.instructions tr th {
    color: #528500;
    font-weight: bold;
    text-align: left;
}

/* a-z browsing hidden menu*/
#azbrowsing
{
    display: none;
    background-color: #ffc;
    padding: 0.5em 0.5em 1em 0.5em;
    margin: 0.5em;
    width: 36em;
    font-size: 0.9em;
    font-weight: bold;
    text-align: center;
    border: 1px solid #ccc;
}

/* Admin display styles for the credit account table */
.wrapper table.step3Table tbody tr td.affiliateCell {
    background-color: #e6e1f2;
    border-top: solid 1px #c6e4ef;
}

.wrapper table.stepAdminTable {
    width: 100%;
    margin: 10px 0;
    background-color: #e6e1f2;
    color: #523f8c;
    font-size: 1em;
}

.wrapper table.stepAdminTable thead tr th {
    color: #523f8c;
    font-weight: bold;
    text-align: left;
    border-top: solid 1px #523f8c;
}

.wrapper table.stepAdminTable thead tr td {
    text-align: left;
    border-top: solid 1px #fff;
}

.wrapper table.stepAdminTable thead tr td.firstColumn {
    width: 18%;
}

.wrapper table.stepAdminTable tbody tr td {
    font-weight: bold;
    border-top: solid 1px #523f8c;
}

.wrapper table.stepAdminTable tfoot tr th {
    color: #523f8c;
    text-align: left;
    border-top: solid 1px #523f8c;
}

.wrapper table.stepAdminTable tfoot tr td.firstColumn {
    font-weight: bold;
}

.wrapper table.stepAdminTable tfoot tr td {
    text-align: left;
    border-top: solid 1px #fff;
}

.tabbed {
    padding-left: 10px;
    font-weight: normal;
}

a.noUnderline {
    text-decoration: none;
}

.print_section, span.Wotif_room_reservation_id, span.Tourico_bedding_description, span.WotConnect_room_reservation_id {
    display: none;
}

/** Bedding Configuration **/
table.beddingConfigInfo {
    float: left;
    margin: 0 3px 5px 0;
    height: auto;
    width: auto;
    font-size: inherit;
    text-align: center;
}

table.beddingConfigInfo tr td {
    background-color: #d0e3f1;
    color: #2c6892;
    font-size: inherit;
    white-space: nowrap;
    border: solid 1px #bdbde6;
}

table.beddingConfigInfo tr td.borderLess {
    background-color: transparent;
    color: inherit;
    border: none;
}

table.roomDetails {
    width: 100%;
    color: #528500;
    font-size: 0.9em;
    vertical-align: top;
}

table.roomDetails tr td {
    border-bottom: solid 1px #6c0;
}

table.roomDetails tr td.noBorder {
    border: none;
}

label.no_rooms {
    font-size: inherit;
}

span.additionalCost {
    color: #cc0900;
    background-color: transparent;
}
.newsletter-topics label {
    margin-right: 2em;
    /* undo global.css lameness */
    display: inline;
    clear: none;
}
.newsletter-topics td {
    text-align: center;
}

div.visapromo{
    margin: 0 70px;
    padding: 3px 0 10px 28px;
    border: none;
}

.visaimage{
    float: left;
    margin-top: -8px;
    margin-left: 60px;
}

.visaimage img{
    border: none;
}

.visamessage {
    margin-top: 0;
    float: left;
}

.visagold {
    color: #ffa000;
}

#bookingResponse {
    padding: 1em 0;
}

.wrapper table.step3Table tfoot tr.giftVoucherRow td .current_voucher_row td {
    background-color: #bdde8d;
}

.wrapper table.step3Table tfoot tr.giftVoucherRow #vouchers td  {
    font-size: 0.8em;
}

.wrapper table.step3Table tfoot tr.giftVoucherRow #vouchers td.error_message {
    white-space: normal;
    color: #2C6892;
    font-size: 0.8em;
}

#vouchers td {
    border: none;
    vertical-align: top;
    margin: 0 0 5px 0;
    white-space: nowrap;
    line-height: 2.5em;
}

.italicAndGray  {
    color: gray;
    font-style: italic;
}

table#vouchers td.status {
    text-align:  right;
}

table#vouchers td.status_balance {
    text-align: left;
}

table#vouchers td.error_message {
    line-height: 1.2em;
}

h2#hotelNameHeader {
    font-size: 1.3em;
}

/** Booking receipt side promo image styles **/
.receipt_container {
    position: relative;
}

.receipt_container #main {
    margin-right: 175px;
}

.receipt_container #main.nopromo {
    margin-right: 0px;
}

.receipt_container #side {
    width: 165px; 
    margin-top: 35px; 
    position: absolute; 
    right: 0;
    top: 0;
}

.receipt_container #side img {
    border: none;    
} 
    
.receipt_container .wrapper {
    clear: both;
}

h2#title_atm_card
{
    color: #016bb7;
    font-size: 16px;
    margin: 0 0 0.1em; 
}

h2#title_pay_back
{
    color: #016bb7;
    font-size: 16px;
    margin: 0 0 0.5em; 
}

/*overwrite css jquery*/

#credit_card
{
    padding: 0px !important;
    position: relative;
}
#credit_card table
{
    background-color: #E8F8D6;
    font-size: 12px;
    font-family: arial,verdana,helvetica,sans-serif;
}

#atm_card 
{    
    font-size: 12px;
    font-family: arial,verdana,helvetica,sans-serif;   
    border:1px solid #E1E1E1 !important;
}
#pay_back 
{    
    font-size: 12px;
    font-family: arial,verdana,helvetica,sans-serif;
    border:1px solid #E1E1E1 !important;
}
#condition_pay_back table tr td
{
    border-color: #c6e4ef;
}

.helpermessage {
    background: url("../images/info.gif") no-repeat scroll 2px 0 transparent;
    color: #003399;
    margin-top: 1em;
    padding: 0 0 10px 30px;
    text-align: left;
    vertical-align: middle;
}
.customerofname
{
    width: 25%;
}
#credit_card
{	/*background:#e6f5fa !important;*/
	border:1px solid #E1E1E1 !important;
}
#credit_card_vn
{
	font-size: 12px;
	padding: 1em 1.4em !important;
	/*background-color: #e6f5fa;*/
}
.ui-widget-header
{
border:0 !important;
}

.right_column a
{
    color:white;
}
#guid_sml
{
    /*position: absolute;right: 5px;top: 15px;display: none;   width: 400px;*/
    margin: 5px 0;
}
#guid_sml a
{
    background: url("/images/booking/question_map.png") no-repeat scroll 0 10% transparent; float: left;
    color: #3C70D6;cursor: pointer;padding: 2px 5px 10px 20px;text-decoration: underline;font-size: 12px; 
}
.cardpay
{
    
}
.cardpay img
{
    bottom: -5px;
    margin-left: 5px;
    position: relative;
}
div#method_pay_back .btnPlayBack{ cursor: pointer;}   
div#method_pay_back .btnPlayBack{float: left; background: url("/images/booking/ui-bg_glass_80_d7ebf9_1x400.png") repeat-x scroll 0 0 #D7EBF9;
border: 1px solid #CCCCCC;  margin-right: 10px; color: #2472a2; font-weight: bold; font-size: 13px;}
div#method_pay_back .btnPlayBack img{ margin: 2px 10px;}
div#method_pay_back .btnPlayBack:hover{ background: url("/images/booking/ui-bg_glass_50_3baae3_1x400.png") repeat-x scroll 0 0  #76ab1b; color: #ffffff;}
div#method_pay_back .btnPlayBack.active{ background: url("/images/booking/ui-bg_glass_50_3baae3_1x400.png") repeat-x scroll 0 0  #76ab1b; color: #ffffff;} 
.textBtnPlayBack{float: left; padding: 5px;}
/*override css jquery  */

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
   
    border: 1px solid #7bb51f !important; 
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
  
    border: 1px solid #7bb51f !important; 
}
.ui-state-hover a, .ui-state-hover a:hover {
    color: #ffffff !important;
    text-decoration: none;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 1px solid #AED0EA;
}

#img_verify_secure
{
    background: url("/images/booking/verified_secure.png") no-repeat;
    height: 45px;
    position: absolute;
    right: 20px;
    width: 100px;
}
#link_3d_secure
{
    cursor: pointer;
    position: absolute;
    right: 120px;
    top: 2px;
}
#link_3d_secure a
{
    background: url("/images/booking/question_map.png") no-repeat scroll 5% 10% transparent;
    cursor: pointer;
    padding: 2px 5px 2px 25px;
    z-index: 9999;  font-size: 12px; 
}
#tootip_msg_secure
{   font-size: 12px;
    display: none;
    border-radius: 10px 10px 10px 10px;
    padding: 10px;
    background: #ffffff;
    position: absolute;
    right: 0px;
    /*top: 45px;*/
    width: 360px;
    height: auto;
    border: 1px solid  #a4c9e4; 
}
#rule_secure
{
    margin: 0 0 10px;
}
#rule_secure a
{
    text-decoration: underline;
    color: #3c70d6; 
    background: url("/images/booking/question_map.png") no-repeat scroll 5% 10% transparent;
    cursor: pointer;
    padding: 2px 5px 10px 40px;
    font-size: 12px; float: left;  
}
#tootip_msg_secure ul
{
    padding: 20px;
}
#tootip_msg_secure a
{
    color: #3C70D6; text-decoration: underline;
}
#point_tooltip
{
    display: none;
    background: url("/images/booking/point_tooltip.png") no-repeat;
    height: 27px;
    position: absolute;
    right: 160px;
    top: 21px;
    width: 53px;
    z-index: 9;
    float:left;
}
/*Duy add*/

/*Duy add*/


#hotel_slider li 
{
    width: 145px; 
    padding: 0;
    margin: 0;
    zoom:1;
}

#hotel_slider img
{
    float: left;
    margin-right: 16px;
    border: none !important;
}
